
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<footer >
	<div class="container">
		<div class="pull-left offset1"
			style="width: 400px; position: absolute; color: white; margin-top: 30px">
			<label style="font-weight: bold">Địa Chỉ:</label> <label>1A
				Hồng Hà, P.2, Q.Tân Bình, Tp.Hồ Chí Minh</label> <label>Điện thoại:
				(08) - 38487907</label> <label>Email: admin@paschinocoffee.com</label>
		</div>
		<div class="imagefooter">
			<img src="resources/images/DELIVERY.png">
		</div>
		<div class="row-fluid" style="height: 200px">
			<img style="max-height: 200px; min-height: 200px; width: 1024px"
				src='resources/images/footer_green.png'>
		</div>
		<div class="row-fluid" style="padding-top: 10px;">
			<img style="height: 50px; width: 100%"
				src='resources/images/footer.png'>
		</div>
	</div>

</footer>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/js/jquery.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/js/bootstrap.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/js/paschino.js"></script>
<!-- <script type="text/javascript" -->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/js/jquery.cookie.js"></script>
<%-- 	src="${pageContext.request.contextPath}/resources/js/jquery-2.0.3.min.js"></script> --%>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/js/tinycolor-0.9.16.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/js/jgallery.min.js"></script>


<script type="text/javascript">
	$('.carousel').carousel({
		interval : 5000
	});

	var hongha = document.getElementById("hongha");
	var vanlang = document.getElementById("vanlang");
	var lequydon = document.getElementById("lequydon");
	function clickHongHa() {
		hongha.style.display = "block";
		vanlang.style.display = "none";
		lequydon.style.display = "none";
	}
	function clickVanLang() {
		hongha.style.display = "none";
		vanlang.style.display = "block";
		lequydon.style.display = "none";

	}
	function clickLeQuyDon(){
		hongha.style.display = "none";
		vanlang.style.display = "none";
		lequydon.style.display = "block";
	}
	$(document).ready(function() {

		$('#gallery').jGallery({
			'mode' : 'standard'
		});

		$('.viewport').mouseenter(function(e) {
			$(this).children('a').children('img').animate({
				height : '220',
				left : '0',
				top : '0',
				width : '265'
			}, 100);
			$(this).children('a').children('span').fadeIn(200);

		}).mouseleave(function(e) {
			$(this).children('a').children('img').animate({
				height : '220',
				left : '0',
				top : '0',
				width : '265'
			}, 100);
			$(this).children('a').children('span').fadeOut(200);
		});

		$('.newsSpan').mouseenter(function(e) {
			$(this).children('div').children('div').animate({
				height : '100',
				left : '0',
				top : '50',
				width : '298'
			}, 100);
			$(this).children('div').children('div').fadeIn(200);

		}).mouseleave(function(e) {
			$(this).children('div').children('div').animate({
				height : '100',
				left : '0',
				top : '50',
				width : '298'
			}, 100);
			$(this).children('div').children('div').fadeOut(400);
		});
	});
</script>

</body>


</html>